<template>
	<view class="finish">
		<view class="gougou">

		</view>
		<view class="finished">
			{{title}}
		</view>
		<view class="sure" @click="sureBtn">
			确定
		</view>
	</view>
</template>

<script>
	export default {
		
		data() {
			return {
			title:"",
		
			}
		},
		onLoad: function(option) { //option为object类型，会序列化上个页面传递的参数
			if(option.rink){
				this.title = option.rink
			}
		},
		methods: {
			sureBtn(){
				// uni.navigateTo({
				// 	url:'../station/headDetails?id='+uni.getStorageSync('userId')
				// })
				uni.navigateBack({
					delta:2
				})

			}
		}
	}
</script>

<style>
	.finish {
		width: 100%;
		height: 100%;
		text-align: center;
		padding-top: 300rpx;
	}

	.gougou {
		width: 119rpx;
		height: 119rpx;
		border-radius: 50%;
		background-color: #824CFE;
		position: relative;
		margin: 0rpx auto 40rpx;
	}

	.gougou::before {
		content: ' ';
		width: 44rpx;
		height: 10rpx;
		background-color: white;
		border-radius: 50rpx;
		-webkit-transform: rotate(30deg);
		transform: rotate(45deg);
		position: absolute;
		top: 65rpx;
		left: 19rpx;
	}

	.gougou::after {
		content: ' ';
		width: 72rpx;
		height: 10rpx;
		background-color: white;
		border-radius: 50rpx;
		-webkit-transform: rotate(30deg);
		transform: rotate(-45deg);
		position: absolute;
		top: 56rpx;
		right: 8rpx;
	}

	.finished {
		font-size: 30rpx;
		color: rgba(0, 0, 51, 1);
		margin-bottom: 300rpx;
	}

	.sure {
		width: 485rpx;
		height: 78rpx;
		background: rgba(130, 76, 254, 1);
		opacity: 0.9;
		border-radius: 35rpx;
		text-align: center;
		color: white;
		line-height: 78rpx;
		margin: auto;
		font-size: 32rpx;
	}
</style>
